<header class="czq_header ">
  <div class="logo-music" id="control">
      <img src="public/images/logo.jpg " alt=" " class="img-logo ">
      <span class="control-music glyphicon glyphicon-play"></span>
  </div>
  <div class="header-left hidden-xs ">
      <ul class="clearFix">
          <li class="header-left-active"><a href="#">首页</a></li>
          <li><a href="./artic.html">文章</a></li>
          <li><a href="./vedio.html">视频</a></li>
          <li><a href="./photo.html">相册</a></li>
      </ul>
  </div>
  <div class="header-search hidden-xs">
      <form action=" ">
          <input type="search" placeholder="搜索本站" class="form-control">
      </form>
      <span class="glyphicon glyphicon-search " aria-hidden="true "></span>
  </div>
  <div class="header-right hidden-md hidden-xs hidden-sm">
      <ul class="clearFix">
          <li><a href="#">联系我</a></li>
          <li>
              <a href="#" class="add-wechat">
                  <span class="fa fa-wechat"></span>
                  <span>微信</span>
                  <img src="public/images/wechat.png" alt="" class="img-wechat">
              </a>
          </li>
          <li>
              <a href="#" class="add-qq">
                  <span class="fa fa-qq"></span>
                  <span>QQ</span>
                  <img src="public/images/qq.jpg" alt="" class="img-qq">
              </a>
          </li>
      </ul>
  </div>
  {{ if user }}
    <div class="cur-user">
        <a href="/usercenter" class="user-avatar">
            <img src="{{ user.avatar }}" alt="">  
        </a>
        <ul class="usermsg">
            <li><a href="/usercenter">{{user.nickname}}</a></li>
            <li><a href="/logout">退出登录</a></li>
        </ul>
    </div>
 
  {{ else }}
    <div class="login-register">
        <a href="/login" class="btn btn-info login">登录</a>
        <a href="/register">注册</a>
    </div>
  {{ /if }}
</header>